import API from '../../api/index.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    invoice:'',//凭证图片
    money:'',//报销金额
    explain:'',//费用说明
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  
  //上传图片开始
  chooseImg: function (e) {
    var that = this
      wx.chooseImage({
        count: 1, // 最多可以选择的图片张数，默认9
        sizeType: ['original', 'compressed'], // original 原图，compressed 压缩图，默认二者都有
        sourceType: ['album', 'camera'], // album 从相册选图，camera 使用相机，默认二者都有
        success: function (res) {
          console.info(res)
          // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
          var tempFilePath = res.tempFilePaths;
          that._uploadFile(tempFilePath)
        },
      });
  },
  _uploadFile(tempFilePath){
    let _that = this 
    API.uploadFile(tempFilePath[0], 'file', res => { // 图片上传成功
      var data = JSON.parse(res.data)  // 坑2：与wx.request不同的是，upload返回的是字符串格式，需要字符串对象化
      _that.setData({invoice:data[0].url})
    }, err => { // 图片上传失败
      console.log(err)
    })
  },
  _submitExpense(){
    if(this.data.invoice!=''&&this.data.money!=''&&this.data.explain!=''){
      API.submitExpense({image:this.data.invoice,amount:this.data.money,description:this.data.explain}).then(res=>{
        this.setData({money:'',explain:'',invoice:''})
      })
    }
  },
  submit(){
    this._submitExpense()
  },
   //费用说明
   bindInput(e) {
    this.setData({
      ['explain']: e.detail.value
    })
  },
  bindKeyInput: function (e) {
    this.setData({
      money: e.detail.value
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})